{% extends "news_layout.html" %}

{{ name }}

{% block btns %}
<span id="journals" class="my-btn sidebar-item pointer">JOURNAL ARTICALS</span>
<span id="books" class="my-btn sidebar-item pointer">BOOKS</span>
<span id="patents" class="my-btn sidebar-item pointer">PATENTS</span>
{% endblock %}

{% block search %}
<div class="search">
  <p class="tip">ARTICALS SEARCH</p>
  <div class="input-group">
    <input type="text" class="form-control" placeholder="Search for...">
    <span class="input-group-btn">
      <button class="btn btn-default" type="button">Search</button>
    </span>
  </div>
</div>
{% endblock %}

{% block archives %}
<div class="archives">
  <p class="tip">ARTICALS ARCHIVE</p>
  <ul>
    <li>2020</li>
    <li>2019</li>
    <li>2018</li>
    <li>2017</li>
    <li>2016</li>=
  </ul>
</div>
{% endblock %}

{% block main %}
{% if name === "journals" %}
<div class="main">
  {% for article in pageData.rows %}
  <section class="new border-bottom-line">
    <div class="desc">
      <!--<p class="type">RESEARCH NEWS</p>-->
      <h3>{{ article.title }}</h3>
      <p>{{ article.author }}</p>
      <p>{{ article.journalname }}: DOI: <span class="mark">{{ article.doi }}</span></p>
      <p>Publication Date: {{ article.publishdate }}</p>
    </div>
<!--    <img src="{{ article.picture | default('../public/img/publication_demo.png', true) }}" alt="">-->
  </section>
  {% endfor %}
  {% include "components/pagination.html" %}
</div>
{% elif name === "books" %}
<div class="main">
  {% for book in pageData.rows %}
  <section class="publication border-bottom-line">
    <img src="{{ book.picture | default('../public/img/publication_demo.png', true) }}" alt="">
    <div class="item publication-desc">
      <!--<p class="type">RESEARCH NEWS</p>-->
      <h3>{{ book.bookname }}</h3>
      <p>{{ book.publisher }}</p>
      <p>{{ book.author }}</p>
      <p>{{ book.introduction }}</p>
    </div>
  </section>
  {% endfor %}
  {% include "components/pagination.html" %}
</div>
{% else %}
<div class="main">
  {% for patent in pageData.rows %}
  <section class="new border-bottom-line">
    <div class="desc">
      <!--<p class="type">RESEARCH NEWS</p>-->
      <h3>{{ patent.title }}</h3>
      <p>Patent Number: {{ patent.number }}</p>
      <p>Patent Assignee: {{ patent.assignee }}</p>
      <p>Patent inventor: {{ patent.inventor }}</p>
    </div>
  </section>
  {% endfor %}
  {% include "components/pagination.html" %}
</div>
{% endif %}
{% endblock %}
